@charset "utf-8";
/* CSS Document */


/*内容样式*/
/*banner*/
.banner{
	width: 100%;
/*	height: 673px;/*673px*/
	position: relative;
}
.banner img{
	width: 100%;
}
.font{
	position:absolute;
	width: 20.625rem;	
	height: 16rem;
	left: 14.875rem;
	bottom: 12.875rem;
	color: #FFFFFF;
}
.font img{
	width: 100%;
	height: 0.5625rem;
}
.font_img1{
	position: absolute;
	top: 0px;
}
.font_img2{
	position: absolute;
	bottom:4.8125rem;
}
.font span{
	text-align: center;
}
.font_p1{
	font-weight: bold;
	font-size: 4.0625rem;
	margin-top: 1.4375rem;
	margin-bottom: 1.4375rem;
	font-family: "黑体";
}
.font_p2{
	font-size: 1.625rem;
	font-style: italic;
	font-family: "宋体";
}
.font_button{
	text-decoration: none;
	display: block;
	width: 6rem;
	height: 2.875rem;
	border: 1px solid #bc7829;
	margin: 4.75rem auto 0;
	font-size: 1.5625rem;
	text-align: center;
	line-height: 2.875rem;
	color: #bc7829;
}
.banner .ststus{
	position: absolute;
	width: 100%;
	bottom: 2.3125rem;
}
.banner .ststus ul{
	width: 5.4375rem;
	margin: 0 auto;
	
}
.banner .ststus ul li{
	width: 1.8125rem;
	height: 1.8125rem;
	font-size: 1.25rem;
	float: left;
	color: #6c6c6c;
	line-height: 1.8125rem;
	text-align: center;
	cursor: pointer;/*设定鼠标指针指向他时指针变成手指*/
}
/*.banner .ststus ul li:first-child{
	color: white;
}
*/
.banner .ststus ul .active{
	color: white;
}

/*内容部分样式*/
/*content*/
.content{
	width: 100%;
	height: 44.625rem;
	background: url("../images/watch.png") no-repeat;
	background-size: 22.75rem 100%;/*背景图的长和宽*/
}

.content_right{
	float: left;
	width: 43.3125rem;
	margin-left:  32.9375rem;/*527px*/
}

.content_right_top{
	margin-top: 9.375rem;
	border-left: 1px solid #c2c1c1;
	padding-left: 1.5625rem;
}
.content_right_top h2{
	font-weight:bold ;
	font-size: 1.25rem;
}
.content_right_top p{
	line-height: 1.5em;
	font-size: 0.875rem;
	margin-top: 0.875rem;
	color: #414141;
}
.content_right_bottom{
	padding-left: 1.5625rem;
	margin-top:6.6875rem;
}	
.one {
	float: left;
	width: 16.5rem;
}
.two{
	float: left;
	width: 16.5rem;
	margin-left: 8.625rem;
}
.one h2, .two h2{
	font-size: 1.25rem;
	font-weight: bold;
}
.one span,.two span{
	display: block;
	font-size: 1rem;
	margin-top: 1.5625rem;
	color: #3e3e3e;
}
.one p,.two p{
	font-size: 0.625rem;
	color: #787878;
	line-height: 1.125rem;
	margin-top: 0.5rem;
}
.one img, .two img{
	margin-top: 2rem;
	width: 16.5rem;
	height: 6.3125rem;
}
.one img:hover,.two img:hover{
	box-shadow: 1px 1px 10px -1px #000000;
}
.one a, .two a{
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	margin-top: 1.25rem;
	color: #000000;
}
.one a:hover,.two a:hover{
	color: #c5842d;
}

/*content_two*/

.content_two{
	position: relative;
}
.content_two img{
	width: 100%;
	height: 100%;
}
.content_two h2{
	font-size: 1.5rem;
	color: #C5842D;
	line-height: 5rem;
}
.content_two p{
	font-size: 0.75rem;
	color: #dadada;
	line-height: 1.25rem;
}
.content_two a{
	display: block;
	width: 7rem;
	height: 1.75rem;
	text-decoration: blink;
	border: 1px solid #C5842D;
	color: #C5842D;
	line-height: 1.75rem;
	text-align: center;
	size: 0.875rem;
	margin-top: 2.875rem;
	float: right;
}
.content_two_content{
	width: 18.75rem;
	position: absolute;
	top: 8.625rem;
	right: 13.75rem;
}


/*content_three*/
.content_three{
	width: 100%;
	height: 44.25rem;
	padding-top: 1.875rem;
}

.content_three  .title{
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2.875rem;
}
.content_three .title2{
	text-align: center;
	font-size: 0.9375rem;
	line-height: 2.375rem;
}
.content_three_img{
	position: relative;
	width: 64.25rem;
	height: 29.1875rem;
	margin: 1.75rem auto;
}
.content_three_img ul li{
	float: left;
	width: 25%;
	height: 29.1875rem;
	text-align: center;
}
.content_three_img ul li:hover{
	box-shadow: 0 0 15px 1px #e2e3e3;
	background-color: #FFFFFF;
}
.content_three_img ul li:hover h2{
	opacity: 1;
	display: block;
}
.content_three_img ul li h2{
	opacity: 0;
	font-size: 1rem;
	line-height: 5.125rem;
}
.content_three_img ul li p{
	font-size: 0.75rem;
	line-height: 1.375rem;
	
}
.content_three_img ul li img{
	height: 16.8125rem;
	margin-top: 0.875rem;
	margin-bottom: 0.375rem;
}
.watch_laft,.watch_right{
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.watch_laft{
	left: -10%;
}
.watch_right{
	right: -10%;
}
.content_three .more{
	display: block;
	width: 4.5625rem;
	height: 1.625rem;
	border: 1px solid #e6e6e5;
	color: #979696;
	text-align: center;
	line-height: 1.625rem;
	text-decoration: blink;
	margin:2.1875rem auto;
}

/*content_four*/
.content_four{
	width: 100%;
	position: relative;
}
.content_four img{
	width: 100%;
	height: 100%;
}
.content_four_font{
	position: absolute;
	top: 38.6%;
	left: 3.75rem;
	width: 36.75rem;
	height: 9.875rem;
}
.content_four_font h2{
	font-size: 3rem;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 4.375rem;
}
.content_four_font p{
	font-size: 1.4375rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 2.125rem;
}
.content_four_font a{
	display: block;
	width: 8.75rem;
	height: 2.375rem;
	border: 1px solid #C5842D;
	color: #C5842D;
	text-align: center;
	line-height: 2.375rem;
	text-decoration: blink;
	margin: 0.875rem auto;
}

